<template>
    <div>
        <span v-for="(item,index) in list" :key="index" :class="$store.state.changeList" style="font-size: 50px">
            {{item}}
<!--            {{index}}-->
        </span>
    </div>
</template>

<script>
    export default {
        name: "list",
        data(){
            return {
                list:[]
            }
        },
        created() {
            this.list=this.$store.state.list
            console.log(this.list)
        },
    }
</script>

<style scoped>
    .span1{
        display: block;
        font-size: 50px;
    }
    .span2{
        display: inline-block;
        font-size: 50px;
    }
</style>